(김준회) dolce: style: 반응형 지원

1 files changed, 9 insertions, 9 deletions

diff --git a/app/[lng]/partners/(partners)/document-list-ship/dolce-upload-page-v2.tsx b/app/[lng]/partners/(partners)/document-list-ship/dolce-upload-page-v2.tsx
index 7611cbbd..f7ddfde6 100644
--- a/app/[lng]/partners/(partners)/document-list-ship/dolce-upload-page-v2.tsx
+++ b/app/[lng]/partners/(partners)/document-list-ship/dolce-upload-page-v2.tsx
@@ -547,14 +547,14 @@ export default function DolceUploadPageV2({ searchParams }: DolceUploadPageV2Pro
         </CardHeader>
         <CardContent className="p-0 flex-1 min-h-0 flex flex-col">
           {!projNo || !vendorInfo ? (
-            <div className="flex items-center justify-center text-muted-foreground p-8" style={{ minHeight: "400px" }}>
+            <div className="flex items-center justify-center text-muted-foreground p-8 min-h-[300px]">
               <div className="text-center">
                 <InfoIcon className="h-12 w-12 mx-auto mb-2 opacity-50" />
                 <p>{t("page.selectProject")}</p>
               </div>
             </div>
           ) : isRefreshing ? (
-            <div className="flex items-center justify-center" style={{ minHeight: "400px" }}>
+            <div className="flex items-center justify-center min-h-[300px]">
               <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
             </div>
           ) : (
@@ -575,9 +575,9 @@ export default function DolceUploadPageV2({ searchParams }: DolceUploadPageV2Pro
       </Card>
 
       {/* 하단: 상세도면리스트 + 파일리스트 - 항상 렌더링 */}
-      <div className="grid grid-cols-1 lg:grid-cols-[3fr_2fr] gap-4 flex-shrink-0 h-[45vh]">
+      <div className="grid grid-cols-1 lg:grid-cols-[60fr_40fr] gap-4 flex-shrink-0 min-h-[45vh]">
         {/* 좌측: 상세도면 리스트 */}
-        <Card className="flex flex-col min-h-0">
+        <Card className="flex flex-col min-h-0 h-full lg:h-auto">
           <CardHeader className="flex-row items-center justify-between py-3 flex-shrink-0">
             <CardTitle className="text-base">
               {t("detailDialog.detailListTitle")}
@@ -615,14 +615,14 @@ export default function DolceUploadPageV2({ searchParams }: DolceUploadPageV2Pro
           </CardHeader>
           <CardContent className="flex-1 p-0 min-h-0">
             {!selectedDrawing ? (
-              <div className="h-full flex items-center justify-center text-muted-foreground p-4" style={{ minHeight: "400px" }}>
+              <div className="h-full flex items-center justify-center text-muted-foreground p-4 min-h-[300px]">
                 <div className="text-center">
                   <InfoIcon className="h-12 w-12 mx-auto mb-2 opacity-50" />
                   <p>Select a drawing</p>
                 </div>
               </div>
             ) : isLoadingDetails ? (
-              <div className="flex items-center justify-center h-full" style={{ minHeight: "400px" }}>
+              <div className="flex items-center justify-center h-full min-h-[300px]">
                 <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
               </div>
             ) : (
@@ -639,7 +639,7 @@ export default function DolceUploadPageV2({ searchParams }: DolceUploadPageV2Pro
         </Card>
 
         {/* 우측: 첨부파일 리스트 */}
-        <Card className="flex flex-col min-h-0">
+        <Card className="flex flex-col min-h-0 h-full lg:h-auto">
           <CardHeader className="flex-row items-center justify-between py-3 flex-shrink-0">
             <CardTitle className="text-base">
               {t("detailDialog.fileListTitle")}
@@ -672,14 +672,14 @@ export default function DolceUploadPageV2({ searchParams }: DolceUploadPageV2Pro
           </CardHeader>
           <CardContent className="flex-1 p-0 min-h-0">
             {!selectedDetail ? (
-              <div className="h-full flex items-center justify-center text-muted-foreground p-4" style={{ minHeight: "400px" }}>
+              <div className="h-full flex items-center justify-center text-muted-foreground p-4 min-h-[300px]">
                 <div className="text-center">
                   <InfoIcon className="h-12 w-12 mx-auto mb-2 opacity-50" />
                   <p>{t("detailDialog.selectDetailDrawing")}</p>
                 </div>
               </div>
             ) : isLoadingFiles ? (
-              <div className="flex items-center justify-center h-full" style={{ minHeight: "400px" }}>
+              <div className="flex items-center justify-center h-full min-h-[300px]">
                 <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
               </div>
             ) : (